<template>
	<view class="content">
		<view class="navbar" :style="{position:headerPosition,top:headerTop}">
			<view class="nav-item" :class="{current: filterIndex === 0}" @click="tabClick(0)">
				综合排序
			</view>
			<view class="nav-item" :class="{current: filterIndex === 1}" @click="tabClick(1)">
				销量优先
			</view>
			<view class="nav-item" :class="{current: filterIndex === 2}" @click="tabClick(2)">
				<text>价格</text>
				<view class="p-box">
					<text :class="{active: priceOrder === 1 && filterIndex === 2}" class="iconfont icon-you up"></text>
					<text :class="{active: priceOrder === 2 && filterIndex === 2}" class="iconfont icon-you down"></text>
				</view>
			</view>
		</view>
		<!--商品列表-->
		<product-item-column :productList="productList"></product-item-column>
		
		<uni-load-more :status="loadingType"></uni-load-more>
	</view>
</template>

<script src = "./list.js"></script>

<style lang="scss" src = "./list.scss"></style>